<template>
  <div>
    <MySon>
      <template #head>
        <div>我是头部</div>
      </template>

      <template #content="{ sonMsg, money }">
        <div>{{ sonMsg }}</div>
        <div>我有{{ money }}元</div>
      </template>

      <template v-slot:foot>
        <div>
          <button>取消</button>
          <button>确认</button>
        </div>
      </template>
    </MySon>
  </div>
</template>

<script>
import MySon from '@/components/MySon.vue'

export default {
  components: {
    MySon,
  },
  data() {
    return {
      msg: '123',
    }
  },
}
</script>

<style scoped></style>
